<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <title>小润发商城</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        a {
            text-decoration: none;
        }


        .top {
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background-color: #f8f8f8;
            color: #8c8b8b;
        }


        ul {
            list-style: none;
        }

        .top_right a {
            text-decoration: none;
            color: #8c8b8b;
        }

        .top_right ul li {
            float: right;
            margin-left: 40px;
        }

        .body .logo {
            float: left;
        }

        .lbt {
            width: 100%;
            height: 60px;
            line-height: 60px;
            font-size: 14px;
            background-color: #f8f8f8;
            margin-top: 50px;
        }

        .spfl {
            width: 120px;
            background-color: #f1f1f1;
            text-align: center;
            float: left;
            font-weight: bold;
        }

        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 150px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }

        .el-divider {
            width: 80px;
        }

        .fl {
            width: 120px;
            height: 400px;
            z-index: 999;
            position: absolute;
            background-color: rgba(100, 100, 100, 0.5);
        }

        .fl ul {
            list-style: none;
            margin-left: 10px;
        }

        .fl ul a {
            text-decoration: none;
        }

        .fl ul li {
            float: left;
            margin-right: 15px;
            margin-bottom: 10px;
        }

        .youlike p {
            font-size: 12px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .youlike .price {
            color: red;
            font-size: 18px;
        }

        .youlike a {
            text-decoration: none;
            color: black;
        }

        .youlike .particulars:hover {
            color: blueviolet;
        }

        .dianqi ul li {
            float: left;
            line-height: 50px;
            margin-right: 10px;
        }

        .footer a {
            text-decoration: none;
            color: #475669;
        }

        .footer a:hover {
            color: blueviolet;
        }

        .footer a:focus {
            color: red
        }
        .nav ul li {
            float: left;
            margin-left: 20px;
            margin-right: 20px;
        }
        .nav ul li a{
            color: black;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header style="margin: 0 ; padding: 0">
            <div class="top">
                <div>
                    <el-menu style="width: 1200px;margin: 0 auto"
                             mode="horizontal" background-color="#f8f8f8"
                             text-color="#fff" active-text-color="#f8f8f8">
                        <div style="float: left">
                            <p>小润发购物商城</p>
                        </div>
                        <div class="top_right">
                            <ul>
                                <li><a href="" style="color: blue" target="_blank">注册</a></li>
                                <li><a href="" style="color: blue" target="_blank">登录</a></li>
                                </a>
                                <a href="#">
                                    <li>购物车 <img src="JPG/imgs/shop_car.png"></li>
                                </a>
                                <a href="#"> 
                                    <li>我的订单</li>
                                </a>
                                <a href="#">
                                    <li>个人中心</li>
                                </a>
                            </ul>
                        </div>
                    </el-menu>
                </div>
            </div>
        </el-header>
        <!--  搜索框和logo  -->
        <el-main style="margin: 0 ; padding: 0">
            <div class="body" style="width: 1200px ; margin: 0 auto">
                <div class="logo"><img src="JPG/imgs/rflogo.png" width="85px" height="55px"></div>
                <el-input type="text" style="width: 800px ; margin-top: 10px ; margin-left: 100px">
                    <template slot="append">
                        <a href="" style="text-decoration: none ; margin: 0 auto">搜索</a>
                    </template>
                </el-input>
            </div>
            <!-- 轮播图 -->
            <div class="lbt">
                <div>
                    <el-menu style="width: 1200px;margin: 0 auto"
                             mode="horizontal" background-color="#f8f8f8"
                             text-color="#fff" active-text-color="#f8f8f8">
                        <p class="spfl"><a href="" style="text-decoration: none ; color: black">全部商品分类</a></p>
                        <div class="nav">
                            <ul>
                                <li>
                                    <a href="index.html">首页</a>
                                </li>
                                <li>
                                    <a href="#cnxh">猜你喜欢</a>
                                </li>

                                <li>
                                    <a href="#dq">3C电器</a>
                                </li>
                                <li>
                                    <a href="#scsg">蔬菜水果</a>
                                </li>
                                <li>
                                    <a href="#jpmz">精品美妆</a>
                                </li>
                                <li>
                                    <a href="#myjk">母婴健康</a>
                                </li>
                                <li>
                                    <a href="#xxsp">休闲食品</a>
                                </li>
                                <li>
                                    <a href="#zwmj">中外名酒</a>
                                </li>
                            </ul>
                        </div>
                    </el-menu>
                </div>
            </div>
            <div style="width: 1200px ; margin: 0 auto">
                <template>
                    <div class="block" style="position: relative">
                        <span class="demonstration"></span>
                        <el-carousel height="400px">
                            <el-carousel-item>
                                <img src="JPG/imgs/xiaorunfa1.jpg" width="100%" height="100%">
                            </el-carousel-item>
                            <el-carousel-item>
                                <img src="JPG/imgs/xiaorunfa2.jpg" width="100%" height="100%">
                            </el-carousel-item>
                            <div class="fl">
                                <ul>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                    <li><a href="">水果</a></li>
                                </ul>
                            </div>
                        </el-carousel>
                    </div>
                </template>
            </div>
            <!--  猜你喜欢  -->
            <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                <div style="margin-bottom: 50px">
                    <p style="font-weight: bold ; font-size: 20px" id="cnxh">猜你喜欢</p>
                    <el-divider></el-divider>
                </div>
                <div class="youlike">
                    <el-row style="text-align: center" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan.jpg" width="100%">
                                    <p class="price">￥6299.00</p>
                                    <p class="particulars">Apple苹果 iPhone 13 Pro Max支持移动联通电信5G 双卡双待全网通手机(远峰蓝色)</p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan2.jpg" width="100%">
                                    <p class="price">￥49.00</p>
                                    <p class="particulars">海南金煌芒当季大青芒整箱水仙芒青皮芒果热带水果(中果5斤装【200-400g】)</p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan3.jpg" width="100%">
                                    <p class="price">￥109.00</p>
                                    <p class="particulars">兰蔻菁纯臻颜玫瑰精萃水150ml 护肤精华水深层锁水</p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan4.jpg" width="100%">
                                    <p class="price">￥1499.00</p>
                                    <p class="particulars">茅台53度2022年飞天茅台酱香型白酒500ml</p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan5.jpg" width="100%">
                                    <p class="price">￥189.00</p>
                                    <p class="particulars">美素佳儿皇家婴儿配方奶粉1段800g</p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/cainixihuan6.jpg" width="100%">
                                    <p class="price">￥79.00</p>
                                    <p class="particulars">忆江南大红袍茶叶礼盒250g 乌龙茶武夷岩茶</p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <!-- 3C电器 -->
            <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                <div style="margin-bottom: 50px">
                    <p style="font-weight: bold ; font-size: 20px" id="dq">3C 电器</p>
                    <el-divider></el-divider>
                </div>
                <div>
                    <el-row style="text-align: center" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; " gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                </div>
                <!--  蔬菜 水果 -->
                <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ;">
                    <div style="margin-bottom: 50px">
                        <p style="font-weight: bold ; font-size: 20px" id="scsg">蔬菜 水果</p>
                        <el-divider></el-divider>
                    </div>
                    <div>
                        <el-row style="text-align: center" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; " gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                    </div>
                    <!--  精品 美妆 -->
                    <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                        <div style="margin-bottom: 50px">
                            <p style="font-weight: bold ; font-size: 20px" id="jpmz">精品 美妆</p>
                            <el-divider></el-divider>
                        </div>
                        <div>
                            <el-row style="text-align: center" gutter="20">
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                            </el-row>
                            <el-row style="text-align: center ; " gutter="20">
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                            </el-row>
                            <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                            </el-row>
                            <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                            </el-row>
                            <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                                <el-col span="4" style="text-align: center">
                                    <el-card style="height: 280px">
                                        <a href="">
                                            <img src="JPG/imgs/amani1.jpg" width="100%">
                                            <p></p>
                                            <p></p>
                                        </a>
                                    </el-card>
                                </el-col>
                            </el-row>
                        </div>
                    </div>
                </div>
                <!-- 母婴健康 -->
                <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                    <div style="margin-bottom: 50px">
                        <p style="font-weight: bold ; font-size: 20px" id="myjk">母婴 健康</p>
                        <el-divider></el-divider>
                    </div>
                    <div>
                        <el-row style="text-align: center" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; " gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                    </div>
                </div>
                <!--  休闲 食品 -->
                <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                    <div style="margin-bottom: 50px">
                        <p style="font-weight: bold ; font-size: 20px" id="xxsp">休闲 食品</p>
                        <el-divider></el-divider>
                    </div>
                    <div>
                        <el-row style="text-align: center" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; " gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                            <el-col span="4" style="text-align: center">
                                <el-card style="height: 280px">
                                    <a href="">
                                        <img src="JPG/imgs/amani1.jpg" width="100%">
                                        <p></p>
                                        <p></p>
                                    </a>
                                </el-card>
                            </el-col>
                        </el-row>
                    </div>
                </div>
            </div>
            <!-- 中外 名酒-->
            <div style="width: 1200px ; margin: 0 auto ; margin-top: 50px ; ">
                <div style="margin-bottom: 50px">
                    <p style="font-weight: bold ; font-size: 20px" id="zwmj">中外 名酒</p>
                    <el-divider></el-divider>
                </div>
                <div>
                    <el-row style="text-align: center" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; " gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center ; margin-bottom: 40px">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                    <el-row style="text-align: center ; margin-bottom: 40px" gutter="20">
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                        <el-col span="4" style="text-align: center">
                            <el-card style="height: 280px">
                                <a href="">
                                    <img src="JPG/imgs/amani1.jpg" width="100%">
                                    <p></p>
                                    <p></p>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-main>
        <el-footer>
            <div style="height: 90px;">
                <div style="background-color:#e8e8e8;text-align: center;color: #475669;padding: 50px 0">
                    <p class="footer">
                        <a href="">关于我们</a><span>|</span>
                        <a href="">联系我们 </a><span>|</span>
                        <a href="">联系客服</a><span>|</span>
                        <a href="">合作招商</a><span>|</span>
                        <a href="">商家帮助</a><span>|</span>
                        <a href="">儿童隐私政策</a><span>|</span>
                        <a href="">用户服务协议</a><span>|</span>
                        <a href="">营销中心</a><span>|</span>
                        <a href="">手机小润</a><span>|</span>
                        <a href="">友情链接</a><span>|</span>
                        <a href="">销售联盟</a><span>|</span>
                        <a href="">小润社区</a><span>|</span>
                        <a href="">风险监测</a><span>|</span>
                        <a href="">隐私政策</a><span>|</span>
                        <a href="">小润公益</a><span>|</span>
                        <a href="">小润社区</a><span>|</span>
                        <a href="">Media & IR</a>
                    </p>
                    <p>Copyright © 济南达内有限公司版权所有 济ICP备12003709号-3 济公网安备 11010802029572号</p>
                    <p>商品在线选购</p>
                    <p>涵盖各种商品,种类繁多</p>
                    <p>小润发二组负责人:胡瑞龙,陈成志,王雷贤,王启衡,颜俊旭</p>
                </div>
            </div>
        </el-footer>
    </el-container>
</div>

</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                info: "HelloEUI!"
            }
        },
        methods: {}
    })
</script>
</html>